/* Copyright 2010 Quest Software, Inc.
 * ALL RIGHTS RESERVED. */

html {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    width: 100%;
    height: 100%;
    margin: 0px;
    overflow: hidden;
	color: #323c50;
    background-color: #ffffff;
}

body, input, select, textarea, button, table {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
}

a {
    text-decoration: none;
}

a, a:visited {
	color: #28415a;
}

a:hover {
    text-decoration: underline;
	color: #244468;
}

a img {
    border: none;
}

img.disabled {
    opacity: 0.3;
	-ms-filter: 'alpha(opacity=30)';
}

form {
    margin: 0px;
}

form input, form select, form button {
	vertical-align: middle;
}

label, legend {
	color: #687080;
}

label input, label span {
	vertical-align: middle;
}

iframe {
	display: block;
}

.smallRadio {
    width: 11px; height: 11px;
    margin: 0px 2px 0px 0px;
    vertical-align: middle;
}

.smallCheckbox {
    width: 12px; height: 12px;
    margin: 0px 2px 0px 0px;
    vertical-align: middle;
}

.checkbox {
	vertical-align: middle;
	margin-left: 0px;
}

.fieldBlock {
	margin-top: 5px;
}

.errorMessage {
	color: #eb0000;
	font-weight: bold;
}

.notAuthorizedError {
	color: #000000;
	background-color: #d0d0d0;
	border: 1px solid #b0b0b0;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}

/***************************
 Classes used by the StringRenderer and its descendants, to implement its
 Font Size and Font Style properties. There needs to be one of these for
 each of the FontSize and FontStyle enum values in StringRenderer.java, except
 for normal.
*************************************/
.font-style-strong {
	font-weight: bold;
}
.font-style-emphasized {
	font-style: italic;
}
.font-style-deemphasized {
	color: #808080;
}
.font-style-label {
	color: #687080;
}
.font-size-smaller {
	font-size: 80%;
}
.font-size-larger {
	font-size: 125%;
}
.font-size-muchLarger {
	font-size: 150%;
}

.heading1 {
	font-size: 18pt;
	font-family: arial, sans-serif;
	color: #323c50;
}

.heading2 {
	font-size: 14pt;
	font-family: arial, sans-serif;
	color: #323c50;
}

.heading3 {
	font-size: 14pt;
	font-family: arial, sans-serif;
	color: #323c50;
}

.heading4 {
	font-size: 12pt;
	font-family: arial, sans-serif;
	color: #323c50;
}

.heading5 {
	font-size: 12pt;
	font-family: arial, sans-serif;
	color: #323c50;
}

.heading6 {
	font-size: 10pt;
	font-family: arial, sans-serif;
	color: #323c50;
}

/**********************************************
 STYLES FOR TABLES
***********************************************/

/* Normal text in a table cell */
.wcfTable {
    border-collapse: collapse;
	color: #323c50;
	font-weight: normal;
}

.wcfTable .edit {
	cursor: pointer;
	vertical-align: middle;
}

.wcfTable td {
    padding: 2px 3px;
}

.wcfTable td.number {
    text-align: right;
}

/* Text in every other row in the table */
.wcfTable .alternate {
	background-color: #f4f8fc !important;
}

/* hightlighing row in table*/
.wcfTable .highlight {
    background-color: #e7f3ff !important;
}

/* selecting row in table*/
.wcfTable .selectedRow {
    background-color: #dfebfe !important;
}

/* Highlighted text in a table cell */
td.highlight {
	font-weight: bold;
}

.wcfTable thead tr {
	background-color: #e7e7e7;
}

.wcfTable thead th {
	color: #4c4c4c;
	font-weight: normal;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.wcfTable thead th.sortColumn {
	background-color: #f0f0f0;
}

.wcfTable thead img.sortIcon {
	padding-left: 3px;
}

.grid {
    border-collapse: collapse;
	border: 1px solid #d7d7d7;
}

.grid img {
    border-width: 0;
}

.grid td, .grid thead th {
	border: 1px solid #d7d7d7;
}

.wcfTableCustomizerFiller {
	display: 'none';
	text-align: center;
	background-color: #e7e7e7;
	border-left: 0px;
	border-bottom: 0px;
}

/* Border is wider those for adjacent table cells so that it takes precedence */
.table-border {
	border: 2px solid #808080;
}

/* Bottom-aligned text in a table header */
th.bottom {
    vertical-align: bottom;
}

.wcfTableColumbResizeBar {
	display: none;
	position: absolute;
	width: 2px;
	z-index: 10;
	background-color: #808080;
}

td.no-wrap, th.no-wrap {
    white-space: nowrap;
}

/* table in side cell*/
.wcfTableInnerCell {
    border-collapse: collapse;
    border: none;
    padding: 0px;
    border-spacing: 0px;
    width: 100%;
}

.wcfTableInnerCell td {
    border: none !important;
    padding: 0px !important;
    border-spacing: 0px !important;
    vertical-align: top !important;
}

.caption {
	font-weight: bold;
	color: #021627;
	background-color: #f0f0f0;
	border-top: 1px solid #9ccdc6;
	border-bottom: 1px solid #9ccdc6;
	border-right: 1px solid #ffffff;
    text-align: center;
}
/*
 Copyright 2011 Quest Software, Inc.
 ALL RIGHTS RESERVED.
 */
/**********************************************************
 STYLES FOR WCF PORTAL
************************************************************/

.centeredTable {
	margin-left: auto;
	margin-right: auto;
}

.error {
	color: #eb0000;
}

.warning {
	color: #c88c00;
}

.dim, .propertyRequired, .propertyNotSet, .refreshTimerPaused, .instructions {
	color: #808080;
}

.timeRangeToggle {
	vertical-align: bottom;
	cursor: pointer;
}

.objects th {
	text-align: left;
	font-weight: normal;
	color: #687080;
}

.objects .remove {
	width: 9px;
	height: 9px;
	cursor: pointer;
	vertical-align: middle;
}

.iconPanel {
	padding: 2px 4px;
}

.iconPanel label {
	display: block;
}

.iconPanel .group {
	padding-left: 9px;
}

.iconPanel .group img {
	padding: 1px 5px;
	cursor: pointer;
	margin: 1px;
}

.iconPanel .group img:hover {
	margin: 0px;
	color: #404040;
	background-color: #e7f3ff;
	border: 1px solid #8ba9cd;
}

.iconPanel .group img.selected {
	margin: 0px;
	color: #202020;
	background-color: #dfebfe;
	border: 1px solid #719bcd;
}

.sortable {
	cursor: default;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.sortable li {
	position: relative;
	padding: 1px 12px 1px 1px;
	cursor: move;
}

.sortable .remove {
	position: absolute;
	right: 0px;
	top: 1px;
	padding: 2px;
}

.sortable .hover {
	color: #404040;
	background-color: #e7f3ff;
}

.sortable .selected {
	color: #202020;
	background-color: #dfebfe;
}

.border {
	border: 1px solid #c0c0c0;
}

.toolbar {
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 4px;
	padding-bottom: 3px;
	white-space: nowrap;
	background: #e7e7e7 url(images/toolbar/background.png) repeat-x;
}

.toolbar .toolbarSubComponent {
	position: absolute;
	top: 4px;
}

.toolbar .button {
	display: inline-block;
	height: 17px;
	margin: 1px 1px 1px 2px;
	padding: 2px 2px 1px;
	vertical-align: middle;
	white-space: nowrap;
}

.toolbar .hover, .toolbar .tbPressed {
	margin: 0px 0px 0px 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.toolbar .hover {
	background-color: #ffffff;
	border: 1px solid #808080;
}

.toolbar .tbPressed {
	background-color: #d6e3f4;
	border: 1px solid #8ba9cd;
}

.toolbar .tbPressed.hover {
	background-color: #c3d8f3;
	border: 1px solid #719bcd;
}

.toolbar img {
	vertical-align: middle;
}

.toolbar .button span {
	padding-left: 2px;
	vertical-align: middle;
}

.toolbar .disabled {
	color: #808080;
}

.toolbar .separator {
	display: inline-block;
	width: 0px;
	height: 18px;
	border-right: 2px groove #e7e7e7;
	vertical-align: bottom;
	margin-left: 4px;
	margin-right: 3px;
	margin-bottom: 2px;
}

.toolbar .hover, .selectable {
	cursor: pointer;
}

.tabPanel {
	position: relative;
	padding-top: 1px;
	border-bottom: 1px solid #a6a8ae;
}

.tabs {
	position: relative;
	overflow: hidden;
	top: 1px;
}

.tab {
	position: absolute;
	top: 2px;
	height: 18px;
	padding-left: 8px;
	padding-right: 8px;
	white-space: nowrap;
}

.tabPanel .current {
	top: 0px;
	height: 21px;
}

.tab a {
	position: relative;
	top: 3px;
	color: #404040;
}

.tab a:visited {
	color: #404040;
}

.tab a:hover {
	text-decoration: none; /* Disable underline on hover */
	color: #373737;
}

.tabPanel .current a {
	top: 4px;
	color: #373737;
}

.tab .tabContent {
	position: relative;
	top: 3px;
	color: #404040;
	cursor: pointer;
}

.tabPanel .current .tabContent {
	top: 4px;
	color: #373737;
}

.tab .action {
	position: relative;
	top: 4px;
	cursor: pointer;
}

.tab .bgleft, .tab .bgcenter, .tab .bgright {
	position: absolute;
	top: 0px;
	height: 100%;
	background-repeat: repeat-x;
}

.tab .bgleft {
	width: 2px;
	left: 0px;
	background-image: url(images/tabs/bgLeft.png);
}

.tab.current .bgleft {
	background-image: url(images/tabs/bgLeft-current.png);
}

.tab .bgcenter {
	left: 2px;
	background-image: url(images/tabs/bgCenter.png);
}

.tab.current .bgcenter {
	background-image: url(images/tabs/bgCenter-current.png);
}

.tab .bgright {
	width: 2px;
	right: 0px;
	background-image: url(images/tabs/bgRight.png);
}

.tab.current .bgright {
	background-image: url(images/tabs/bgRight-current.png);
}

.tabPanelMenu {
	position: absolute;
	right: 0px;
	top: 0px;
}

.tabPanelAnnotation {
	right: 0px;
	top: 0px;
	position: absolute;
	padding-left: 3px;
	padding-top: 3px;
}

.tabPanelMenu img {
	height: 100%;
	background-color: #e7e7e7;
	cursor: pointer;
}

.tabPanelMenu .button {
	background-image: url(images/tabs/panelMenu.png);
	background-repeat: no-repeat;
	background-position: 1px 11px;
}

.tabPanelMenu .button:focus {
	outline-style: none;
}

.tabPanelPopup {
	left: auto !important;
	right: 0px !important;
	visibility: visible !important;
}

.tabPanelPopup li.current {
	font-weight: bold;
}

.tabPanelPopup li.hidden {
	background-color: #e7e7e7;
}

.background {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
}

.framedBox {
	overflow: hidden;
}

.framedBox .header {
	overflow: hidden;
	position: relative;
	color: #373737;
}

.framedBox .header .customizerLink {
	font-size: 85%;
	vertical-align: top;
}

.framedBox .controls {
	position: absolute;
	right: 4px;
}

.framedBox .controls * {
	margin-left: 3px;
	cursor: pointer;
}

.framedBox .title {
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.componentContainer {
	margin: 0px 4px;
}

.componentTitle {
	height: 20px;
	position: relative;
}

.componentTitle div {
	overflow: hidden;
	white-space: nowrap;
	padding-top: 2px;
	font-size: 9pt;
	color: #373737;
}

.componentTitle a {
	font-size: 85%;
	padding: 0px 3px;
}

.componentTitle a, .componentTitle a:visited, .componentTitle a:hover {
	color: #373737;
}

.componentTitle img.button {
	cursor: pointer;
}

.componentWindow.opaque, .componentBody.opaque {
	background-color: #ffffff
}

.componentWindow.opaque .componentWindow .componentTitle div {
	color: #323c50;
}

.componentWindow.opaque .componentWindow .componentTitle a {
	color: #323c50;
}

.componentWindow.temporary {
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	border: 1px solid #9a9ca0;
	z-index: 5;
	-moz-box-shadow: 4px 4px 6px #808080;
	-webkit-box-shadow: 4px 4px 6px #808080;
}

.componentWindow.temporary {
	background-color: #ffffff
}

.roundCornerBody {
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}

#popup .timeRangeHeader, #dwell .timeRangeHeader {
	margin: 4px 4px 0px;
}

.timeRangeHeader img {
	padding-right: 3px;
	vertical-align: middle;
}

.verticalSeparator {
	margin-left: 3px;
	margin-right: 3px;
	border-left: 1px solid #c0c0c0;
	width: 0px;
	height: 100%;
}

.horizontalSeparator {
	margin-top: 3px;
	margin-bottom: 3px;
	border-top: 1px solid #c0c0c0;
	width: 100%;
	height: 0px;
}

.leftSeparator {
	border-left: 1px solid #c0c0c0;
}

.rightSeparator {
	border-right: 1px solid #c0c0c0;
}

.topSeparator {
	border-top: 1px solid #c0c0c0;
}

.bottomSeparator {
	border-bottom: 1px solid #c0c0c0;
}

.collapsibleHeader {
	position: relative;
	white-space: nowrap;
}

.collapsibleHeader label {
	padding-left: 3px;
}

.collapsibleBody {
	padding-left: 18px;
}

.collapsibleBody.contextHelp {
	padding-right: 6px;
}

.collapsibleBody.helpSection {
	position: relative;
}

.componentMenu {
	text-align: right;
	font-size: 85%;
}

.componentCustomizer {
	margin-top: 2px;
	margin-bottom: 6px;
}

.componentCustomizerHeader {
	margin-bottom: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #d0d0d0;
}

.componentCustomizerBody {
	margin-left: 8px;
}

.portalInstructions {
	font-weight: bold;
	font-size: 16pt;
	color: #e7e7e7;
	text-align: center;
	padding-top: 2em;
}

.componentName {
	font-size: 13pt;
	font-weight: bold;
}

.portalColumn .portlet {
	margin-bottom: 4px;
}

.portalColumn .portlet.enabled .header {
	cursor: move;
}

.portlet.hover {
	outline: 3px solid #c0c0c0;
}

.reportalName {
	font-weight: bold;
	font-size: 18pt;
	border: 1px none #c0c0c0;
	margin: 1px;
}

.reportalName.editableHover {
	border-style: solid;
	margin: 0px;
}

.reportlet {
	overflow: hidden;
	height: 30px;
	padding: 8px;
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
	cursor: move;
}

.reportlet .controls, .decorationReportlet .controls {
	position: absolute;
	right: 0px;
	margin-right: 6px;
}

.reportlet .controls *, .decorationReportlet .controls * {
	margin-left: 3px;
	cursor: pointer;
}

.reportlet .icon {
	float: left;
	margin-right: 4px;
}

.reportlet .instructions {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.decorationReportlet {
	height: 13px;
	font-size: 11px;
	text-align: center;
	padding: 2px 8px 1px;
	margin-top: 4px;
	background-color: #f7f7f7;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
}

.portlet.enabled.decorationReportlet {
	cursor: move;
}

.decorationEditor {
	border-top: 1px dotted #c0c0c0;
}

.decorationEditor .north {
	margin-top: 15px;
}

.decorationEditor .button {
	vertical-align: super;
}

.decorationEditor .imageHolder {
	border: 1px dashed #4c4c4c;
}

.decorationEditor .currentImage {
	border: 1px solid #3d7dc8;
}

.decorationEditor .imageEditor {
	border: 1px solid #c0c0c0;
	text-align: left;
	width: 100%;
}

.decorationEditor .column {
	height: 114px;
	text-align: center;
	vertical-align: middle;
}

.decorationEditor .columnText {
	font-weight: bold;
	font-size: 16pt;
	color: #e7e7e7;
	text-align: center;
}

#viewProperties_errorBox {
	width: 534px;
}

#viewProperties_errorBox ul {
	padding-left: 20px;
}

.maximized {
	width: 100%;
	height: 100%;
}

.closeButton {
	float: right;
	position: relative;
	top: 2px;
}

.buttons {
	text-align: right;
	white-space: nowrap;
}

.buttons input, .buttons button {
	margin-left: 6px;
}

.contentsMargin {
	margin: 4px;
}

.portalMargin {
	padding: 4px;
}

#bookBody {
	background-color: #e7e7e7;
}

#portalContents {
	background-color: #ffffff;
	border: 1px solid #a0a0a0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#pageDecoration {
	padding: 4px 12px;
}
#pageDecoration .pageIcon {
	padding-right: 8px;
}
#pageDecoration .pageTitle {
	line-height: 28px;
	padding-bottom: 1px;
	margin-bottom: 2px;
}
#pageDecoration .pageDescription {
	padding-top: 5px;
}

.rootWindow {
	padding: 8px 12px;
}

.dialog {
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}

.dialog .header {
	cursor: move;
}

.dialog .contents {
	padding: 8px 12px;
}

.dialog .buttons {
	margin: 2px 1px 1px;
	padding: 8px 7px 7px;
	border-top: 1px solid #c0c0c0;
	background-image: url(images/window/bfill.png);
}

.dialog .nested {
	border: 2px inset #a0a0a0;
}

.dialog .nested.disabled {
	color: #c0c0c0;
	background-color: #f0f0f0;
}

.dialog .timeRangeHeader {
	padding: 4px 4px 6px;
}

.messageBoxIcon {
	vertical-align: top;
}

.messageBoxText {
	display: inline-block;
	margin: 1em 1em 0;
}

.messageBoxText .validationMessages {
	margin: 0;
}

.inputsTableHeader {
	margin: 9px 1px 5px;
	padding: 1px 1px 2px;
	border-bottom: 1px solid #c0c0c0;
}

.radioBtnIndent {
	margin: 5px 0px 0px 13px;
}

.tooltip, #dwell {
	overflow: hidden;
	border: 1px solid #9a9ca0;
	padding: 1px;
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000;
}

.tooltip {
	background-color: InfoBackground;
	color: InfoText;
	max-width: 400px;
	overflow: hidden;
}

#dwell {
	background-color: #ffffff;
}

#editorContainer .tabPanel {
	background-color: #e7e7e7;
}

.editorTab {
	height: 100%;
	width: 100%;
	overflow: auto;
}

.vscrollbar {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 15px;
	height: 100%;
	background: #f0f0f0 url(images/sb/trackfill.gif) repeat-y;
}

.vscrollbar .up, .vscrollbar .down {
	position: absolute;
	width: 15px;
	height: 15px;
}

.vscrollbar .up.small, .vscrollbar .down.small {
	height: 5px;
}

.vscrollbar .up {
	top: 0px;
	background-image: url(images/sb/up.gif);
	background-repeat: no-repeat;
}

.vscrollbar .up.small {
	background-position: 0px -5px;
}

.vscrollbar .down {
	bottom: 0px;
	background-image: url(images/sb/down.gif);
	background-repeat: no-repeat;
}

.vscrollbar .down.small {
	background-position: 0px -5px;
}

.vscrollbar .thumb {
	position: absolute;
	width: 13px;
	border: 1px solid #b4b8bc;
}

.vscrollbar .thumb img {
	display: block;
	width: 11px;
	border: 1px solid #ffffff;
}

.vscrollbar .up.pressed {
	background-image: url(images/sb/up-pressed.gif);
}

.vscrollbar .down.pressed {
	background-image: url(images/sb/down-pressed.gif);
}

.singleSelectionGroup {
	padding: 1px;
}

.singleSelectionGroup img {
	border: none;
	vertical-align: text-bottom;
	padding-right: 2px;
}

.singleSelectionGroup span {
	margin: 1px;
	padding: 0px 4px;
	cursor: pointer;
}

.singleSelectionGroup .hover {
	margin: 0px;
	color: #404040;
	background-color: #e7f3ff;
	border: 1px solid #8ba9cd;
}

.singleSelectionGroup .selected {
	margin: 0px;
	color: #202020;
	background-color: #dfebfe;
	border: 1px solid #719bcd;
}

.glassPane {
	display: none;
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.popup, .popupMenu, .popupMenu ul, .popupMenuContainer {
	display: none;
	visibility: hidden;
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #9a9ca0;
	-moz-box-shadow: 2px 2px 4px #808080;
	-webkit-box-shadow: 2px 2px 4px #808080;
}

.popup {
	z-index: 5;
}

.popup .customizer {
	margin: 6px;
}

.popup .tabPanelContainer {
	background-color: #f7f7f7;
	background-image: url(images/floating-panel/bg.png);
	background-repeat: repeat-x;
}

.popupButtons {
	text-align: right;
	margin-top: 6px;
}

.popupButtons input {
	font-size: smaller;
	margin-left: 4px;
}

.itemDisplay ul {
	margin-left: 1.5em;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 0px;
}

.itemDisplay th {
	font-weight: normal;
	color: #687080;
}

.itemDisplay td.labelColumn {
	white-space: nowrap;
}

.validationMessages {
	padding-left: 12px;
}

#timeRangeLabel {
	white-space: nowrap;
}

#dropMark {
	position: relative;
	top: -2px;
	border-top: 5px solid #c0c0c0;
	margin: 0px 3px;
}

#dialogGlassPane {
	background-color: #c0c0c0;
	opacity: .5;
	-ms-filter: "alpha(opacity=50)";
}

#layoutEditor table {
	border-collapse: collapse;
}

#layoutEditor th {
	color: #c0c0c0;
	font-weight: normal;
}

#layoutEditor td {
	vertical-align: top;
	border: 1px solid #c0c0c0;
}

.inlineTextEditor {
	position: absolute;
	visibility: hidden;
	display: none;
	border: 1px solid #9a9ca0;
	z-index: 10;
}

.inlineTextEditor.validationError {
	border: 1px solid #eb0000;
}

.inlineTextEditor input, .inlineTextEditor textarea {
	border: 0px none;
}

#inlineSelectEditor {
	position: absolute;
	display: none;
}

#inlineSelectEditor select {
	border: 0px none;
}

/**********************************************
 STYLES FOR SPLITTER
***********************************************/
.vsplitDivider {
	position: absolute;
	width: 1px;
	z-index: 1;
	background-color: #a0a0a0;
}

.vsplitDivider .grip {
	position: absolute;
	width: 5px;
	height: 100%;
	left: -2px;
	cursor: e-resize;
}

.hsplitDivider {
	position: absolute;
	height: 1px;
	z-index: 1;
	background-color: #a0a0a0;
}

.hsplitDivider .grip {
	position: absolute;
	width: 100%;
	height: 5px;
	top: -2px;
	cursor: s-resize;
}

.splitHeader {
	padding-left: 4px;
	overflow: hidden;
	white-space: nowrap;
	background-color: #f0f0f0;
	background-image: url(images/window/hfill.png);
	background-repeat: repeat-x;
}

.splitHeader .title {
	vertical-align: middle;
	text-overflow: ellipsis;
}

.splitHeader .controls {
	position: absolute;
	right: 0px;
	padding-right: 4px;
}

.splitHeader .controls * {
	margin-left: 3px;
	cursor: pointer;
}

/**********************************************
 STYLES FOR THE HEADER AND FOOTER
***********************************************/
.logo {
	position: absolute;
	left: 12px;
}

.links {
	position: absolute;
	right: 12px;
}

.links img {
	vertical-align: middle;
	margin-right: 3px;
}

.links a:hover {
	text-decoration: underline;
}

.linkSeparator {
	margin-left: 7px;
	margin-right: 7px;
	border-left: 1px solid #606060;
	border-right: 1px solid #d0d0d0;
}

#header {
	position: relative;
	height: 43px;
	color: #404040;
	background-image: url(images/page/header-bg.png);
	background-repeat: repeat-x;
}

#header.thin {
	height: 10px;
	background-image: url(images/page/thinHeader-bg.png);
}

#header a {
	color: #404040;
	text-decoration: none;
}

#header .logo {
	top: 2px;
}

#header .links {
	top: 7px;
}

#busyIndicator {
	position: absolute;
	visibility: hidden;
	right: 12px;
	bottom: 2px;
}

#footer {
	position: relative;
	height: 23px;
	white-space: nowrap;
	background-image: url(images/page/footer-bg.png);
	background-repeat: repeat-x;
}

#footer a {
	color: #404040;
	text-decoration: none;
	font-size: 7pt;
}

#footer .logo {
	top: 6px;
}

#footer .links {
	top: 4px;
}

/**********************************************
 STYLES FOR THE HELP WINDOW
***********************************************/

#helpSearchTable, #helpTocTree {
	font-size: 8pt;
}

#input_helpSearch {
	vertical-align: middle;
	white-space: nowrap;
	margin-left: 5px;
}

.currentTreeTitle {
	padding: 2px;
}

#helpFrame {
	overflow: auto;
	border-style: none;
	background-color: white;
}

#helpSearchHits {
	font-size: 9px;
	padding: 0px 5px;
	font-weight: bold;
}

/**********************************************
 STYLES FOR MENUS
***********************************************/

.menubar {
	display: inline;
	padding: 0px;
}

.menubar, .menubar ul {
	list-style-type: none;
	margin: 0px;
}

.menubar ul {
	padding: 1px;
	font-size: 9px;
}

.menubar li {
	cursor: pointer;
	display: inline;
	padding: 1px 2px;
	margin: 1px;
}

.menubar li.hover {
	color: #000000;
}

.menubar li.topmenu {
	padding-right: 11px;
	background-image: url(images/menu/down.png);
	background-repeat: no-repeat;
	background-position: right;
}

.popupMenuContainer {
	z-index: 1000;
}

.menubar ul li {
	display: list-item;
	padding: 2px 8px;
	margin: 0px;
	white-space: nowrap;
	text-align: left;
	color: #323c50;
	border: 1px solid #ffffff;
}

.menubar ul li.hover {
	background-color: #c3d8f3;
	border-color: #3d6b99;
}

.menubar ul.radio li {
	padding-left: 15px;
}

.menubar ul.radio li.current {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 2px;
}

.menubar .separator {
	height: 1px;
	padding: 0px 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #9a9ca0;
}

.menubar .submenu, .popupMenu .submenu {
	padding-right: 15px;
	background-image: url(images/menu/right.png);
	background-repeat: no-repeat;
	background-position: right;
}

#messageButton {
	cursor: pointer;
}

#messageButton .box {
	display: inline-block;
	width: 11px;
	height: 11px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url(images/message-window/box.png);
}

#messageButton .text {
	padding-left: 3px;
}

#messageButton.mbDisabled .text {
	color: #808080;
}

#messageButton.mbDisabled .box {
	background-image: url(images/message-window/box-disabled.png);
}

#messageWindow {
	visibility: visible;
	right: 0;
	top: 34px;
	width: 428px;
	z-index: 7;
}

#messageWindow.singleMode {
	width: 298px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#messageWindow .arrow {
	position: absolute;
	top: -7px;
	right: 21px;
	width: 13px;
	height: 7px;
	background-image: url(images/message-window/arrow.png);
	background-repeat: no-repeat;
}

#messageWindow.singleMode .multi {
	display: none;
}

#messageWindow .messageArea {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 280px;
}

#messageWindow .messageSeparator {
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #e7e7e7;
}

#messageWindow .message {
	height: 64px;
	padding: 6px;
	overflow-x: hidden;
	overflow-y: auto;
}

#messageWindow .message:hover {
	background-color: #f7f7f7;
}

#messageWindow .messageAction {
	float: right;
}

#messageWindow .messageLevel {
	margin-right: 5px;
	vertical-align: middle;
}

#messageWindow .messageText {
	vertical-align: middle;
}

#messageWindow .time {
	color: #808080;
	font-size: 85%;
	vertical-align: middle;
}

#messageWindow .messageDetails {
	margin-left: 16px;
	margin-top: 1px;
}

#messageWindow .popupButtons {
	margin-top: 0;
	padding: 5px;
	background-color: #f0f0f0;
}

#messageWindow .resizeBar {
	height: 3px;
	cursor: s-resize;
	background-color: #f0f0f0;
	background-image: url(images/message-window/grip.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
}

#messageWindow .single {
	display: none;
	height: 66px;
	padding: 3px 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	background-image: url(images/message-window/singleBackground.png);
	background-repeat: repeat-x;
}

#messageWindow.singleMode .single {
	display: block;
}

.popupMenu {
	z-index: 100;
	font-size: 9px;
	list-style: none;
	margin: 0px;
	padding: 1px;
}

.popupMenu li {
	display: block;
	padding: 2px 8px;
	cursor: pointer;
	white-space: nowrap;
	border: 1px solid #ffffff;
}

.popupMenu li img {
	margin-right: 5px;
}

.popupMenu li.hover {
	background-color: #c3d8f3;
	border-color: #3d6b99;
}

.popupMenu ul {
	list-style: none;
	margin: 0px;
	padding: 1px;
	color: #323c50;
}

.popupMenu .separator {
	height: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px;
	cursor: default;
	background-color: #9a9ca0;
}

.popupMenu .subTitle {
	font-weight: bold;
	cursor: default;
}

.popupMenu .searchField {
	margin: 2px 3px;
}

.popupMenu .checkbox {
	margin: 0px 3px 0px 6px;
	height: 11px;
}

.popupMenu div {
	height: 13px;
	padding: 2px 0px;
	margin-top: 1px;
	border: 1px solid #ffffff;
}

.popupMenu div.hover {
	background-color: #c3d8f3;
	border-color: #3d6b99;
}

.popupMenuScrollButton {
	display: none;
	height: 8px;
	background-position: center;
	background-repeat: no-repeat;
}

.popupMenuScrollButton.up {
	background-image: url(images/menu/scroll-up.png);
}

.popupMenuScrollButton.down {
	background-image: url(images/menu/scroll-down.png);
}

.popupMenuContainer ul {
	overflow: hidden;
}

.spinField {
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-image: url(images/inputs/spin.png);
	padding: 1px 15px 1px 1px;
}

.spinFieldUp {
	background-image: url(images/inputs/spin-up.png);
}

.spinFieldDown {
	background-image: url(images/inputs/spin-down.png);
}

.popupField {
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-image: url(images/inputs/popup.png);
	padding: 1px 17px 1px 1px;
}

.popupField.pressed {
	background-image: url(images/inputs/popup-pressed.png);
}

.dropDownField {
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-image: url(images/inputs/dropdown.png);
	padding: 1px 17px 1px 1px;
}

.dropDownField.pressed {
	background-image: url(images/inputs/dropdown-pressed.png);
}

.comboboxPopup {
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}

.comboboxPopup li {
	padding: 2px 5px;
	cursor: default;
}

.comboboxPopup .selected {
	color: #ffffff;
	background-color: #195076;
}

.menuSection {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.menuSection .current {
	color: #202020;
	background-color: #dfebfe;
}

.menuSection li {
	cursor: pointer;
	padding: 1px;
}

.menuSection .separator {
	height: 1px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #e7e7e7;
}

.menuSection.radio li {
	padding-left: 15px;
}

.menuSection.radio li.current {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 2px;
}

/**********************************************
 STYLES FOR TREES
***********************************************/

.tree {
	padding: 2px;
}

.tree img {
	margin-right: 3px;
}

.tree .children {
	margin-left: 12px;
}

.tree div {
	white-space: nowrap;
}

.tree .text {
	margin: 1px;
}

.tree .selectable.nodeHover {
	margin: 0px;
	color: #404040;
	background-color: #e7f3ff;
	border: 1px solid #8ba9cd;
}

.tree.dragEnabled .selectable, .tree.dragEnabled .selected {
	cursor: move;
}

.tree .selected {
	margin: 0px;
	color: #202020;
	background-color: #dfebfe;
	border: 1px solid #719bcd;
}

.tree .actions {
	margin-left: 2px;
}

.tree .toggle, .tree .add, .tree .more, .tree .actions img {
	cursor: pointer;
}

.tree .bold, .propertyRequired {
	font-weight: bold;
}

.tree .italic {
	font-style: italic;
}

.wcfTable td div.inlineEditorValidationError {
	border: 1px solid #eb0000;
	margin: 0px;
}

.wcfTable td div.inlineEditorNoValidationError {
	margin: 1px;
}

.wcfTableColumnSelector {
	border: 1px solid #d0d0d0;
	height: 245px;
	margin-top: 3px;
	width: 100%;
	overflow: auto;
	position: relative;
}

.wcfTableColumnSelector tr.separator {
	border-top: 1px solid #d7d7d7;
}

.wcfTableColumnSelectorHideShowButton {
	width: 45px;
	height: 19px;
	margin-bottom: 5px;
}

/**********************************************
 STYLES FOR FLOATING PANELS
***********************************************/

.floatingPanel {
	position: absolute;
	width: 13px;
	z-index: 1;
}

.floatingPanel .expandBar {
	position: absolute;
	width: 12px;
	height: 100%;
	cursor: pointer;
	z-index: 1;
}

.floatingPanel.east .expandBar {
	right: 0px;
}

.floatingPanel .expandHandle {
	position: relative;
	height: 44px;
	top: 50%;
	margin-top: -22px;
	background-repeat: no-repeat;
	background-position: center;
}

.floatingPanel.west .expandHandle {
	background-image: url(images/floating-panel/west.png);
}

.floatingPanel.west .expandHandle:hover {
	background-image: url(images/floating-panel/west-hover.png);
}

.floatingPanel.west.pinned .expandHandle {
	background-image: url(images/floating-panel/west-pinned.png);
}

.floatingPanel.east .expandHandle {
	background-image: url(images/floating-panel/east.png);
}

.floatingPanel.east .expandHandle:hover {
	background-image: url(images/floating-panel/east-hover.png);
}

.floatingPanel.east.pinned .expandHandle {
	background-image: url(images/floating-panel/east-pinned.png);
}

.floatingPanel .panelContainer {
	position: absolute;
	height: 100%;
	top: 0px;
}

.floatingPanel .panelContents {
	position: absolute;
	background-color: #f7f7f7;
	border: 1px solid #a0a0a0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.floatingPanel.east .panelContents {
	right: 0px;
}

.floatingPanel .resizeBar {
	position: absolute;
	width: 6px;
	height: 100%;
	cursor: e-resize;
	z-index: 1;
}

.floatingPanel.west .resizeBar {
	right: 0px;
}

.floatingPanel .collapsible {
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 6px;
}

.floatingPanel .collapsible.last {
	padding-bottom: 0px;
}

.floatingPanel .collapsibleHeader {
	margin-bottom: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #d0d0d0;
}

.floatingPanel .collapsibleBody {
	padding-left: 12px;
	overflow: auto;
}

.floatingPanel .tabPanel {
	background-color: #e7e7e7;
}

.floatingPanel .tabPanelContainer {
	background-image: url(images/floating-panel/bg.png);
	background-repeat: repeat-x;
}

/**********************************************
 STYLES FOR CALENDARS
***********************************************/

.calendarHeader {
	width: 100%;
	font-size: 80%;
	border-collapse: collapse;
	background: #f0f0f0 url(images/calendar/bg.png) repeat-x;
}

.calendarHeader td {
	padding: 3px;
	color: #373737;
}

.calendarHeader img {
	cursor: pointer;
	vertical-align: middle;
}

.calendar {
	width: 100%;
	font-size: 80%;
	border-collapse: collapse;
}

.calendar th, .calendar td {
	padding: 2px 0px;
	width: 3em;
}

.calendar th {
	color: #ffffff;
	background-color: #aabed2;
}

.calendar tbody td {
	text-align: center;
	cursor: pointer;
}

.calendar .weekend {
	background-color: #eafafe;
}

.calendar .hover {
	color: #404040;
	background-color: #e7f3ff;
}

.calendar .current {
	color: #202020;
	background-color: #dfebfe;
}

.calendar .otherMonth {
	color: #a0a0a0;
}

.timeSelector {
	padding: 4px 2px;
	border-top: 1px solid #aabed2;
	background-repeat: repeat-x;
	background-image: url(images/calendar/bg.png);
}

.dateTimeField {
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-image: url(images/inputs/calendar.png);
	padding: 1px 18px 1px 1px;
	cursor: pointer;
}

.dateTimeField.disabledDateTime {
	background-image: url(images/inputs/calendar-disabled.png);
	cursor: default;
}

/**********************************************
 STYLES FOR pageHeader
***********************************************/

#pageHeader {
	padding: 8px 12px 0px;
	font-size: 85%;
}

#pageHeader .history {
	vertical-align: top;
	height: 15px;
}

#pageHeader .history .separator {
	padding: 0px 5px;
}

#pageHeader .history .menu {
	margin: 1px;
	padding-right: 11px;
	background-image: url(images/menu/down.png);
	background-repeat: no-repeat;
	background-position: right 2px;
	position: relative;
	cursor: pointer;
}

#pageHeader .history .menu.selected {
	margin: 0px;
	border-width: 1px;
	border-style: solid solid none;
	border-color: #9a9ca0;
	background-color: #ffffff;
	z-index: 101;
}

#pageHeader .history .currentPage {
	font-weight: bold;
}

#pageHeader .history .popupMenu {
	font-size: 100%;
}

#pageHeader .history .popupMenu li {
	padding-left: 15px;
	background-image: url(images/breadcrumbs/crumb.png);
	background-position: 4px center;
	background-repeat: no-repeat;
}

#pageHeader .history .popupMenu li.hover {
	background-image: url(images/breadcrumbs/crumb-hover.png);
}

#pageHeader .panel {
	height: 71px;
	overflow: hidden;
	background-image: url(images/timerange/panelbg.png)
}

#pageHeader .actionContainer {
	position: absolute;
	top: 6px;
	right: 12px;
	white-space: nowrap;
}

#pageHeader .selector {
	padding: 5px;
}

#pageHeader .selector a {
	outline: none;
}

#pageHeader .selector .spaced {
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #c0c0c0;
}

#pageHeader .selector .current {
	font-weight: bold;
	cursor: default;
	text-decoration: none;
}

#pageHeader .actionContainer .label {
	display: inline-block;
	padding: 2px;
	height: 13px;
	border: 1px none #c0c0c0;
}

#timeRangeMenu, #reportAction {
	cursor: pointer;
}

#timeRangeMenu.hover .label, #reportAction.hover .label {
	padding: 1px 2px 1px 1px;
	border-style: solid none solid solid;
}

#timeRangeMenu.selected .label, #reportAction.selected .label {
	padding: 1px 2px 1px 1px;
	border-style: solid none none solid;
	background-color: #dfebfe;
}

#timeRangeMenu .label span, #reportAction .label span {
	padding-left: 3px;
	padding-right: 1px;
}

#timeRangeMenu .button, #reportAction .button {
	display: inline-block;
	vertical-align: top;
	width: 12px;
	height: 15px;
	background-image: url(images/window-decorations/expand.png);
	background-repeat: no-repeat;
	background-position: center;
	padding: 1px;
	border: 1px none #c0c0c0;
}

#timeRangeMenu.hover .button, #reportAction.hover .button {
	padding: 0px;
	border-style: solid;
}

#timeRangeMenu.selected .button {
	padding: 0px 0px 1px;
	border-style: solid solid none;
	border-color: #9a9ca0;
	background-color: #dfebfe;
	background-image: url(images/window-decorations/pin.png);
}

#timeRangeMenu.locked .button {
	background-image: url(images/window-decorations/collapse.png);
}

#reportAction.selected .button {
	padding: 0px 0px 1px;
	border-style: solid solid none;
	border-color: #9a9ca0;
	background-color: #dfebfe;
	background-image: url(images/window-decorations/collapse.png);
}

#pageHeader .more {
	padding-right: 11px;
	background-image: url(images/menu/down.png);
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}

#pageHeader .quickpicks {
	position: absolute;
	right: 0px;
	top: 5px;
}

#pageHeader .quickpicks label, #pageHeader .quickpicks a {
	margin-right: 5px;
}

#pageHeader .docked {
	position: relative;
	top: -1px;
	background-color: #ffffff;
	border: 1px solid #9a9ca0;
}

#timeRangeMenu.remote {
	text-align: right;
	font-size: 85%;
	padding: 2px;
}

#createReportPopup li.title {
	padding: 4px 4px 0px;
	cursor: default;
}

/**********************************************
 STYLES FOR RENDERERS
***********************************************/

.bar-outer-formatting, .bar-outer-formatting td {
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	color: #323c50;
	border: none;
}

.bar-formatting, .bar-formatting td {
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

.bar-label {
	font-size: 7pt;
}

.bar-remaining {
	background-color: #684804;
}

.image-rendering {
	vertical-align: middle;
}

.errorDetailBox {
	color: #eb0000;
}

#palatteBox {
	padding: 2px 3px;
	border-width: 3px;
}

/**********************************************
 STYLES FOR SPECIFIC COMPONENTS
***********************************************/

.tabContainerCurrent {
	color: #808080;
	cursor: default;
}

.tabContainerCurrent:hover {
	color: #808080;
	text-decoration: none;
}

.textFilter {
	display: inline;
	overflow: visible;
}

.textFilterCheckbox {
	position: absolute;
	background-color: #ffffff;
	display: none;
	border: 1px solid #9a9ca0;
	padding: 2px 4px;
	margin: 0px;
	white-space: nowrap;
	z-index: 20;
}

.advancePopupBody {
	border: 1px solid #9a9ca0;
	padding: 5px;
}

.textFilter.textFilterHover .textFilterCheckbox {
	display: block;
}

.filterTightTable {
	border-collapse: collapse;
	border: none;
	padding: 0px;
	border-spacing: 0px;
}

.filterTightTable td {
	border: none;
	padding: 0px;
	padding-right: 5px;
	border-spacing: 0px;
	vertical-align: top;
}

.filterTightTable img {
	padding: 2px 0 0 2px;
}

/***********************************************
 Styles for the filter 2 - simple search field
***********************************************/
.optionPanel {
	position: absolute;
	background-color: #ffffff;
	overflow: hidden;
	vertical-align: middle;
	border: 1px solid #c0c0c0;
	border-top: none;
	display: none;
	z-index: 20;
}

.optionPanel.north {
	border-top: 1px solid #c0c0c0;
}

.optionPanel input {
	vertical-align: top;
	margin: 1px 15px 0px 5px;
}

.optionPanel div {
	height: 13px;
	margin: 2px;
	padding: 2px 0px;
	white-space: nowrap;
	border: 1px solid #ffffff;
}

.optionPanel #separator {
	border-color: #c0c0c0;
	border-style: none none solid;
	border-width: medium medium 1px;
	padding: 0px;
	font-size: 0px;
	height: 1px;
}

.optionPanel label {
	color: #323c50;
}

.searchHover {
	border: 1px solid #719bcd;
	background-color: #dfebfe;
	cursor: pointer;
}

.searchField {
	height: 14px;
	border: 1px solid #a6a8ae;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding: 1px 15px 1px 3px;
	display: inline-block;
	cursor: text;
}

.searchField.stretch {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 18px;
}

.searchFieldFind {
	background-image: url(images/filter/find.png);
}

.searchFieldCancel {
	background-image: url(images/filter/cancel.png);
}

.searchFieldFindOption {
	background-image: url(images/filter/findOption.png);
}

.searchFieldCancelOption {
	background-image: url(images/filter/cancelOption.png);
}

.searchFieldFindAdv {
	background-image: url(images/filter/findAdv.png);
}

.searchFieldCancelAdv {
	background-image: url(images/filter/cancelAdv.png);
}

.advancedSearch {
	padding: 8px;
	height: 18em;
}

/***********************************************
 STYLES FOR Sql Renderer
***********************************************/
.sqlidentifier {
	color: #005ab5;
}

.sqlpunctuation {
	color: #742820;
}

.sqlliteral {
	color: #007583;
}

.sqllabel {
	color: #114376;
}

.sqltext {
	color: #800069;
}

.sqlother {
	color: #522c9b;
}

.sqlcomment {
	color: #808080;
}

/***********************************************
 STYLES FOR option/task list
***********************************************/
.optionStyle {
	margin: 9px 0px;
	padding: 8px 16px;
	border: 1px solid #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.optionStyle ul {
	margin: 0px;
	padding-left: 13px;
}

.optionStyle ol {
	margin: 0px;
	padding-left: 19px;
}

.optionStyle.smallBox {
	margin: 4px 2px 4px 9px;
	padding: 8px 4px 8px 8px;
}

.optionStyle.optionHover {
	cursor: pointer;
	color: #404040;
	border: 1px solid #8ba9cd;
}

.optionStyle span {
	color: #687080;
}

.optionStyle.optionHover label, .optionStyle.optionHover input, .optionStyle.optionHover span {
	cursor: pointer;
}

.optionStyle.optionSelected {
	color: #202020;
	border: 1px solid #719bcd;
	background-image: url(images/report/optionBfill.png);
}

.optionStyle.optionDisabled label, .optionStyle.optionDisabled span  {
	color: #c0c0c0;
}

.optionStyle.optionDisabled img {
	opacity: 0.3;
	-ms-filter: "alpha(opacity=30)";
}

.optionStyle.optionSelected .ellipsis {
	background-image: url(images/inputs/ellipsis.png);
}
/***********************************************
 STYLES FOR Report Builder add view
***********************************************/

.whatsThis {
	color: #28415a;
	cursor: help;
	padding-left: 3px;
	vertical-align: middle;
}

.tabPanelContainer .portletEditor {
	border-top: none;
	height: 410px;
	width: 549px;
	padding: 5px;
}

.portletEditor .fieldBlock, .optionsPanel .fieldBlock {
	margin: 5px 5px 0px;
	width: 98%;
}

.portletEditor select, .optionsPanel select {
	margin-right: 3px;
}

.fieldTable {
	border-collapse: collapse;
}

.fieldTable td {
	padding: 2px 0px;
}

.fieldTable label {
	padding-right: 3px
}

.dataFilter {
	padding: 4px 4px 4px 12px;
}

// TODO Sean: please see if you can find a better selector
#dataTable_layout {
	border: 1px solid #c0c0c0;
}

/***********************************************
 STYLES zonar
***********************************************/
.zonarOutterTimeRange {
	position: relative;
	height: 40px;
	width: 100%;
	top: 3px;
}

.zonarInfoLabel {
}

.zonarThumb {
	position: absolute;
	height: 20px;
	cursor: pointer;
	border-left: 1px solid #6c98c4;
	border-right: 1px solid #6c98c4;
}

.zonarThumb.zonarDisabled {
	cursor: default;
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
}

.zonarTrack {
	position: absolute;
	height: 23px;
	background-image: url(images/zonar/track.png);
	background-repeat: repeat-x;
}

.zonarSpacer {
	position: absolute;
	height: 20px;
	background-color: #e7e7e7;
	opacity: 0.55;
	-ms-filter: 'alpha(opacity=55)';
}

.zonarCanvas {
	position: absolute;
	height: 19px;
}

.zonarThumb .zonarStretcher {
	position: absolute;
	cursor: e-resize;
	font-size: 0px;
	top: -2px;
	height: 22px;
	background-image: url(images/zonar/stretcher.png);
	background-repeat: no-repeat;
}

.zonarThumb.pinned  .zonarRightStretcher {
	background-image: url(images/zonar/stretcher-pinned.png);
}

.zonarThumb.zonarDisabled .zonarStretcher {
	display: none;
}

.zonarThumb .zonarLeftStretcher {
	left: -5px;
	width: 9px;
}

.zonarThumb .zonarRightStretcher {
	right: -5px;
	width: 9px;
}

.zonarTopSeparator {
	position: absolute;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9a9ca0;
	font-size: 0px;
	top: -1px;
	left: 0px;
	width: 100%;
}

.zonarAxis {
	position: absolute;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9a9ca0;
	font-size: 0px;
	top: 20px;
	left: 0px;
	width: 100%;
}

.zonarTick {
	position: absolute;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9a9ca0;
	font-size: 0px;
	top: -3px;
	left: 10px;
	width: 0px;
	height: 3px;
}

.zonarNowMarker {
	position: absolute;
	font-size: 0px;
	width: 9px;
	height: 22px;
	top: -23px;
	background-image: url(images/zonar/now.png);
}

.zonarNowMarker-pinned {
	display: none;
}

.zonarLabel {
	font-size: 11px;
	position: absolute;
	top: 20px;
}

.zonarLabelRight {
	right: 0px;
	padding-right: 5px;
}

.zonarLabelLeft {
	left: 0px;
	padding-left: 5px;
}

/***********************************************
 Styles for the progress bar
***********************************************/
.progressContainer {
	position: relative;
}

.progressTable {
	width: 100%;
	padding-right: 5px;
	border-spacing: 0px;
}

.progressTable .barBorder {
	border: #a0a0a0 solid 1px;
	text-align: left;
}

.progressTable .bar {
	background-color: #3d7dc8;
	font-size: 0px;
	height: 6px;
	margin: 1px;
}

/***********************************************
 Styles for metric components
***********************************************/
.indicator {
	position: relative;
	color: #000000;
	opacity: .8;
	-ms-filter: 'alpha(opacity=80)';
}


/***********************************************
 Common styles for metric renderers
***********************************************/
.metricComponent {
	position: relative;
}

.metricComponent .label {
	color: #373737;
	position: absolute;
}

.metricComponent .current {
	color: #202020;
	position: absolute;
	text-align: right;
}

.metricComponent .current img {
	padding-left: 3px;
}

.metricComponent .value {
	padding-left: 3px;
	color: #202020;
	position: absolute;
	text-align: right;
}

.metricComponent img {
	padding-left: 3px;
	right: 0px;
}

.metricComponent .minval {
	color: #888a8c;
	position: absolute;
	font-size: 85%;
}

.metricComponent .maxval {
	color: #888a8c;
	position: absolute;
	text-align: right;
	font-size: 85%;
}

.metricComponent .minmaxunit {
	color: #888a8c;
	position: absolute;
	text-align: center;
	font-size: 85%;
}

.metricComponent .thresholds {
	position: absolute;
	height: 2px;
}

.metricComponent .threshold {
	position: absolute;
	height: 1px;
	font-size: 0px;
	opacity: .65;
	-ms-filter: 'alpha(opacity=65)';
	margin-top: 1px;
}

.metricComponent .normal {
	background-color: #00b41f;
}

.metricComponent .info {
	background-color: #3070fd;
}

.metricComponent .warning {
	background-color: #ffe032;
}

.metricComponent .critical {
	background-color: #f57d14;
}

.metricComponent .fatal {
	background-color: #f03018;
}

.metricComponent .none {
	background-color: #3070fd;
}

.metricComponent .notAvailable {
	background-color: #c8cacc;
}

/***********************************************
 Styles for the horizontal bar renderer
***********************************************/

.hbargauge .baselines {
	position: absolute;
	margin-top: 3px;
}

.hbargauge .baselines.thin {
	height: 3px;
}

.hbargauge .baselines.medium {
	height: 4px;
}

.hbargauge .renderer .baselines {
	margin-top: 0px;
}

.hbargauge .baseline {
	position: absolute;
	height: 1px;
	font-size: 0px;
	border-left: 1px solid #6c98c4;
	border-right: 1px solid #6c98c4;
}

.hbargauge .thin .baseline {
	border-top: 1px solid #6c98c4;
}

.hbargauge .medium .baseline {
	border-top: 2px solid #6c98c4;
}

.hbargauge .baselineOuter {
	position: absolute;
	height: 1px;
	font-size: 0px;
	border-bottom: 1px solid #d7d7d7;
}

.hbargauge .gauge {
	position: absolute;
	font-size: 0px;
	background-color: #f0f0f0;
}

.hbargauge .renderer .gauge {
	height: 8px;
}

.hbargauge .gauge div {
	position: absolute;
	height: 100%;
}

.hbargauge .gauge.height-thinner {
	height: 8px;
}

.hbargauge .gauge.height-normal {
	height: 10px;
}

.hbargauge .gauge.height-thicker {
	height: 14px;
}

.hbargauge td {
	height: 8px;
}

.hbargauge .remainderbar {
	background-color: #f0f0f0;
}

.hbargauge .thresholds {
	padding-bottom: 2px;
}

/*******************************************************
 Styles for the metric baseline deviation renderer
*******************************************************/
.mbaseline {
	position: relative;
	width: 100%;
}

.mbaseline tr {
	border: 1px solid #d7d7d7;
}

.mbaseline td {
	height: 8px;
}

.mbaseline td.endBar {
	width: 4px;
	background-color: #eceef0;
}

.mbaseline td.endBar.thin {
	width: 1px;
}

.mbaseline .currentBar {
	width: 3px;
	top: 0px;
}

.mbaseline td.remainderBar {
	border-width: 0px 1px;
	border-color: #6c98c4;
	background-color: #ffffff;
	width: 100%;
}

.mbaseline td.remainderBar.left {
	border-width: 0px 0px 0px 1px;
}

.mbaseline td.remainderBar.right {
	border-width: 0px 1px 0px 0px;
}

.mbaseline .bgframe {
	border: 1px solid #d7d7d7;
	background-color: #eceef0;
	padding: 0px 4px;
}

.mbaseline .baseline {
	border-width: 0px 1px;
	border-color: #6c98c4;
	border-style: solid;
	background-color: #ffffff;
}

.mbaseline .renderer .bgframe {
	height: 10px;
	width: 100%;
}

.mbaseline .renderer .currentBar {
	position: absolute;
	height: 12px;
}

.mbaseline .renderer .baseline {
	height: 10px;
}

.mbaseline .renderer .thresholds {
	top: 12px;
}

/***********************************************
 Styles for selection handles
***********************************************/

.selectionHandles {
	display: none;
}

.selectionHandle {
	position: absolute;
	background-color: #687080;
	width: 5px;
	height: 5px;
	border: 1px outset #687080;
}

.topHandle {
	top: 0px;
}

.bottomHandle {
	bottom: 0px;
}

.leftHandle {
	left: 0px;
}

.rightHandle {
	right: 0px;
}

.centerHandle {
	left: 50%;
	margin-left: -3px;
}

.middleHandle {
	top: 50%;
	margin-top: -3px;
}

/***********************************************
 Styles for the fixed-layout portal
***********************************************/

.editPortlet {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.editMode .editPortlet {
	display: block;
}

.editPortlet img {
	width: 100%;
	height: 100%;
	display: block;
}

.editPortletShield {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	opacity: .4;
	-ms-filter: 'alpha(opacity=40)';
}

.editPortletZone {
	position: absolute;
}

.editEventArea {
	position: absolute;
	left: -3px;
	right: -3px;
	top: -3px;
	bottom: -3px;
}

.editBorder0, .editBorder1 {
	position: absolute;
	left: 3px;
	right: 3px;
	top: 3px;
	bottom: 3px;
}

.editBorder0 {
	border: 1px solid #ffffff;
}

.editBorder1 {
	border: 1px dashed #4c4c4c;
}

.portletHover .editPortletShield {
	opacity: .3;
	-ms-filter: 'alpha(opacity=30)';
}
.portletHover .editBorder1 {
	border: 1px solid #3d7dc8;
}

.selectedPortlet .editPortletShield {
	background-color: #dfebfe;
	opacity: .4;
	-ms-filter: 'alpha(opacity=40)';
}
.selectedPortlet .editBorder1 {
	border: 1px solid #6c98c4;
}
.selectionHighlight .editBorder1 {
	border: 1px solid #6c98c4;
}
.selectedPortlet .selectionHandles {
	display: block;
}

.editBar {
	display: none;
	float: left;
	left: 0px;
	top: 0px;
	padding: 4px;
	text-align: right;
	border: 1px solid #9a9ca0;
	background-image: url(images/portal/editbarbg.png);
	background-repeat: repeat-x;
	opacity: .5;
	-ms-filter: "alpha(opacity=50)";
}

.editMode .editBar {
	display: block;
}

.rubberband {
	position: absolute;
	border: 1px solid #6c98c4;
}

.portletLayoutProperties {
	visibility: visible;
	padding-bottom: 4px;
	z-index: 1;
	opacity: .5;
	-ms-filter: "alpha(opacity=50)";
}

.portletLayoutProperties .section {
	padding: 5px 11px;
}

.portletLayoutProperties .section.separator {
	border-bottom: 1px solid #c0c0c0;
}

.fixedPortlet {
	position: absolute;
}

.fixedPortlet.portlet {
	margin-bottom: 0px;
}

.fixedControlHover {
	opacity: 1;
	-ms-filter: "";
}

.portalGlasspane {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
}

/***********************************************
 Styles for the perspectives viewer
***********************************************/
.perspectivesControls {
	float: right;
	padding-top: 8px;
	padding-bottom: 18px;
	padding-right: 16px;
	background-image: url(images/perspectives/reflection-controls.png);
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
.perspectivesControlsBox {
	width: 22px;
}
.perspectivesUp, .perspectivesDown {
	height: 29px;
	background-repeat: no-repeat;
	background-position: 50%;
}
.perspectivesUp {
	background-image: url(images/perspectives/up.png);
}
.perspectivesUp.disabledUp {
	background-image: url(images/perspectives/up-disabled.png);
}
.perspectivesDown {
	background-image: url(images/perspectives/down.png);
}
.perspectivesDown.disabledDown {
	background-image: url(images/perspectives/down-disabled.png);
}
.perspectivesHideShowButton {
	height: 20px;
	background-image: url(images/window-decorations/edit.png);
	background-repeat: no-repeat;
	background-position: 50%;
}
.domainViewer .perspectivesUp {
	height: 21px;
}
.domainViewer .perspectivesDown {
	height: 21px;
}
.perspectivesPopupButton {
	height: 30px;
	background-image: url(images/perspectives/button/normal.png);
	background-repeat: no-repeat;
	background-position: 50%;
}
.domainViewer .perspectivesPopupButton {
	height: 22px;
}
.perspectivesPopupButton.disabledPopup {
	background-image: url(images/perspectives/button/normal-disabled.png);
}
.warningButton {
	background-image: url(images/perspectives/button/warning.png);
}
.warningButton.disabledPopup {
	background-image: url(images/perspectives/button/warning-disabled.png);
}
.criticalButton {
	background-image: url(images/perspectives/button/critical.png);
}
.criticalButton.disabledPopup {
	background-image: url(images/perspectives/button/critical-disabled.png);
}
.fatalButton {
	background-image: url(images/perspectives/button/fatal.png);
}
.fatalButton.disabledPopup {
	background-image: url(images/perspectives/button/fatal-disabled.png);
}

.perspectivesTiles {
	height: 124px;
	overflow: hidden;
	position: relative;
	padding-left: 8px;
	padding-right: 8px;
}

.tile {
	display: inline-block;
	width: 107px;
	padding: 7px 7px 17px;
	vertical-align: bottom;
	background-image: url(images/perspectives/reflection-tile.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	position: relative;
	cursor: move;
}
.tileCurrent {
	background-image: url(images/perspectives/reflection-current.png);
}
.tileBox {
	display: block;
	position: relative;
	margin: 1px;
}
.tileBox, .perspectivesControlsBox {
	border: 1px solid #888a8c;
	background-image: url(images/perspectives/tile-bg.png);
}
.tileHover {
	border-color: #4d86c7;
}
.tileCurrent .tileBox {
	margin: 0;
	padding: 1px;
	border-color: #376fb0;
	background-image: url(images/perspectives/tile-current-bg.png);
}
.tileIcon {
	margin-left: 5px;
	margin-top: 5px;
	vertical-align: bottom;
	cursor: pointer;
}
.tileCount {
	display: block;
	position: absolute;
	right: 12px;
	top: 8px;
	color: #888a8c;
	font-size: 19px;
	font-weight: bold;
	cursor: pointer;
}
.tileName {
	display: block;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 13px;
	padding-top: 6px;
	padding-bottom: 2px;
	margin-left: 4px;
	margin-right: 4px;
	cursor: pointer;
}
.tileHorizontalSeparator {
	display: block;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 2px;
	margin-right: 2px;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #f7f7f7;
}
.tileCurrent .tileHorizontalSeparator {
	border-top-color: #6c98c4;
	border-bottom-color: #c3d8f3;
}
.tileSeverity {
	display: inline-block;
	width: 21px;
	height: 30px;
	font-size: 8px;
	text-align: center;
	white-space: nowrap;
	vertical-align: bottom;
	margin: 2px;
	cursor: pointer;
}
.tileUnknown {
	bottom: 2px;
	display: inline-block;
	left: 0px;
	padding: 0px 7px;
	position: absolute;
	text-align: center;
	width: 107px;
}
.severityInactive {
	color: #9a9ca0;
}
.severityHover {
	background-color: #d6e3f4;
	border: 1px solid #8ba9cd;
	margin: 1px;
}
.severityCurrent {
	background-color: #c3d8f3;
	border: 1px solid #719bcd;
	margin: 1px;
}
.tileSeverity img {
	display: block;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
}
.tileVerticalSeparator {
	display: inline-block;
	height: 32px;
	border-right: 1px solid #d0d0d0;
	vertical-align: bottom;
	margin-top: 1px;
	margin-bottom: 1px;
}
.tileCurrent .tileVerticalSeparator {
	border-right-color: #719bcd;
}

.miniTilePopup {
	padding: 4px;
}
.miniTileContainer {
	background-image: url(images/perspectives/popup-bg.png);
	background-repeat: repeat-x;
}

.miniTile {
	display: inline-block;
	width: 70px;
	padding: 4px;
	vertical-align: bottom;
}
.miniTileSelector .miniTile {
	cursor: move;
}
.miniTileBox {
	display: block;
	position: relative;
	border: 1px solid #888a8c;
	background-image: url(images/perspectives/mini-tile-bg.png);
}
.miniTileHover {
	border-color: #4d86c7;
}
.miniTileCurrent .miniTileBox {
	border-color: #376fb0;
	background-image: url(images/perspectives/mini-tile-current-bg.png);
}
.miniTileDisabled .miniTileBox {
	border-color: #376fb0;
	background-image: url(images/perspectives/mini-tile-disabled-bg.png);
}
.miniTileIcon {
	margin-left: 4px;
	margin-top: 4px;
	vertical-align: bottom;
	cursor: pointer;
}
.miniTileCount {
	display: block;
	position: absolute;
	right: 6px;
	top: 6px;
	color: #888a8c;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
}
.miniTileName {
	display: block;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 9px;
	padding-top: 4px;
	margin-left: 3px;
	margin-right: 3px;
	cursor: pointer;
}
.miniTileSeverity {
	display: inline-block;
	vertical-align: bottom;
	margin: 5px 6px;
}
.hideShowHelp {
	border: 1px solid #a6a8ae;
	padding: 3px;
}

/*****************
wizard
**********************/
.wizardSummary {
	margin-bottom: 8px;
}

.wizardSummary .summaryTitle {
	margin-bottom: 4px;
	font-weight: bold;
}

.wizardSummary .summaryDescription {
	padding-left: 18px;
	margin-bottom: 6px;
}

.dialog .wizardSummary {
	margin: 4px 0px 0px;
}

.dialog .wizardSummary .summaryTitle {
	margin: 0px 12px 4px;
}

.dialog .wizardSummary .summaryDescription {
	margin: 0px 12px 6px;
}

/************************
wizard 2
******************************/
.wizardContainer {
	position: relative;
	border: 1px solid #c0c0c0;
	margin-bottom: 8px;
}

.wizardContainer .navTable {
	overflow: hidden;
	width: 30%;
	height: 100%;
	background-color: #f0f0f0;
	border-right: 1px solid #c0c0c0;
}

.wizardHighlightBg {
	margin: 0px;
	color: #ffffff;
	background-color: #6098ce;
	font-weight: bold;
}

.wizardHighlight {
	font-weight: bold;
	color: #6098ce;
}

.wizardContainer .cardContent {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 70%;
	height: 100%;
}

.dialog .wizardContainer {
	border: none;
	margin-bottom: 0px;
}

.cardContent .summaryTitle {
	padding: 10px 8px;
	font-weight: bold;
}

.cardContent .summaryDescription {
	height: 26px;
	padding-left: 18px;
	margin-bottom: 6px;
	overflow: hidden;
}

/***********************************************
 Styles for the titled columns
***********************************************/

.titledColumn {
	position: absolute;
}
.titledColumn .title {
	white-space: nowrap;
	padding: 3px 6px 2px;
	color: #606060;
	background-color: #d7d7d7;
	font-weight: bold;
}
.titledColumn.separator .title {
	margin-right: 1px;
}
.titledColumn.separator .columnContainer {
	border-right: 1px solid #d7d7d7;
}
.titledColumn .columnContent {
	padding: 10px 7px;
}

/***********************************************
 Styles for the question viewer
***********************************************/

.questionViewer {
	border: 1px solid #a6a8ae;
	height: 100%;
	/* width: 100%; */
	position: relative;
}

.questionViewer .questions {
	border-color: #a0a0a0;
	border-style: solid;
	border-width: 0px 1px;
	position: absolute;
	width: 268px;
}

.questionViewer .categories {
	position: absolute;
	width: 140px;
}

.questionTitle {
	background-image: url(images/questions/titlebar-bg.png);
	background-repeat: repeat-x;
	border-bottom: 1px solid #a6a8ae;
	color: #373737;
	font-weight: bold;
	height: 14px;
	padding: 6px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}

.questionViewer tr.categorySeparator {
	border-bottom: 1px solid #d7d7d7;
}

.unsetFavourite .setButton {
	display: none;
}

.setFavourite .unsetButton {
	display: none;
}

.answerContainer {
	padding: 15px;
	overflow: hidden;
}

.questionActions {
	padding-bottom: 10px;
}

.actionZone {
	padding: 4px 8px;
	width: 100%;
}

.actionList {
	margin: 4px 0px;
	list-style: none outside none;
}

.actionList li {
	margin-left: -20px;
}

.actionList img {
	padding-right: 10px;
	vertical-align: middle;
}

.relatedQTitle {
	font-weight: bold;
	padding-bottom: 8px;
}

.relatedQList {
	line-height: 16px;
	list-style-image: url(images/questions/taskArrow1.png);
	margin: 4px 0px;
	overflow: hidden;
}

.relatedQList li {
	line-height: 16px;
}

.miniViewerIcon {
	display: block;
	float: left;
	padding-right: 10px;
}

.miniViewerSpinner {
	float: left;
}

.miniViewerSpinner img {
	cursor: pointer;
}

.miniViewerList {
	float: right;
	padding-bottom: 2px;
	cursor: pointer;
}

.miniViewerList img {
	vertical-align: middle;
}

.miniViewerContent {
	height: 34px;
	line-height: 17px;
	overflow: hidden;
	padding-bottom: 3px;
}

.miniViewerQuestions {
	position: relative;
	width: 420px;
	height: 200px;
}

/***********************************************
 TODO:  Temporary styles for the quick view (remove
 if we can convert this into a column container).
***********************************************/

.quickView .objectsArea {
	border-color: #a0a0a0;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	position: absolute;
	width: 190px;
}

.quickView .objectsArea .headerContenttopColumn {
	border-bottom: 1px solid #d7d7d7;
	padding: 4px 3px;
	text-align: left;
}

.quickView .objectsArea .wcfTable thead tr {
	background-color: transparent;
}

.quickView .objectsArea .wcfTable thead th {
	border: 0px;
}

.quickView .objectsArea .wcfTableCustomizerFiller {
	border: 0px;
	background-color: transparent;
}

.quickView .objectsArea .wcfTableCustomizerFiller.highlight {
	background-color: #e7f3ff !important;
}

.quickView .objectsArea .wcfTableCustomizerFiller.selectedRow {
	background-color: #dfebfe !important;
}

.quickView .questionTitle {
	border-bottom-width: 0px;
}

.quickView .questionTitle.toolbar {
	margin-right: 1px;
	position: relative;
}

.quickView .summaryTitle {
	overflow: hidden;
}

.quickView .FAQsection {
	border-top: 1px solid #a6a8ae;
}

.quickView .titleActions {
	position: absolute;
	right: 6px;
	top: 2px;
}

.quickView .collapsed {
	display: none;
}

.quickView .exploreButton {
	margin: 0px 0px 0px 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #ffffff;
	border: 1px solid #808080;
}

/***********************************************
 Styles for the global search
***********************************************/

.globalSearch img {
	position: absolute;
	top: 1px;
	left: 120px;
}

.globalSearch .searchField {
	color: #000000;
	background-color: #ffffff;
	border-color: #a6a8ae;
}

.globalSearch .searchField.dim {
	color: #808080;
}

#searchDialogIndicator {
	top: 8px;
	left: 281px;
}

#globalSearchPopup {
	visibility: visible;
	width: 280px;
	z-index: 7;
}

#globalSearchPopup div {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}

#globalSearchPopup .title {
	height: 15px;
	border-width: 0px;
	border-bottom: 1px solid #e7e7e7;
	padding: 8px;
	font-size: 9pt;
	background-color: #f7f7f7;
}

#globalSearchPopup .title span {
	font-size: 7pt;
	font-weight: normal;
	padding: 4px 8px 0px 0px;
	right: 0px;
	position: absolute;
	cursor: pointer;
}

#globalSearchPopup .title.allResult {
	background-color: #f0f0f0;
}

#globalSearchPopup .title.hover, #globalSearchPopup .title.allResult.hover {
	background-color: #c3d8f3;
	border-color: 1px solid #3d6b99;
}

#globalSearchPopup .content {
	border: 0px;
	padding: 10px;
	margin: 0px;
	width: 260px;
	height: 26px;
}

#globalSearchPopup .result {
	position: absolute;
	left: 45px;
}

#globalSearchPopup .result .name {
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 1px;
	width: 225px;
}

#globalSearchPopup .result .detail {
	width: 225px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #687080;
}

#globalSearchPopup .separator {
	background-color: #e7e7e7;
	cursor: default;
	padding: 0px;
	border: 0px;
	width: 266px;
	margin: 1px 0px 1px 7px;
}

#globalSearchPopup .icon {
	float: left;
}

.globalSearchDialog {
	width: 88em;
	height: 45em;
}

.globalSearchDialog .north {
	padding: 6px 10px;
}

.globalSearchDialog .west {
	width: 17em;
	padding-top: 8px;
}

.globalSearchDialog .category {
	margin: 2px 0px;
	padding: 2px 6px;
	border: 1px solid #ffffff;
	font-weight: bold;
}

.globalSearchDialog .categoryHighlight {
	border: 1px solid #c0c0c0;
	background-color: #f7f7f7;
}

/***********************************************
 Styles for the label value component
***********************************************/

.labelValue {
    border-collapse: collapse;
}

.labelValue td {
	padding: 5px 9px;
	border: 1px solid #d7d7d7;
}

.labelValue tr.labelValueBody td.label {
	background-color: #f7f7f7;
}

.labelValue tr.labelValueHeader td {
	color: #606060;
	background-color: #d7d7d7;
	font-weight: bold;
}

.labelValue td div.content {
	overflow: hidden;
	text-overflow: ellipsis;
}

.labelValue td div.labelContent {
	width: 177px;
}

/***********************************************************
 STYLES FOR printing (always keep at the bottom of the file)
************************************************************/
@media print {
	#header, #footer, .background {
		display: none;
	}

	.dialog .controls, .dialog .buttons, .menubar {
		display: none;
	}

	a {
		text-decoration: none;
	}

}
/* Copyright 2010 Quest Software, Inc.
 * ALL RIGHTS RESERVED. */

/**********************************************
 STYLES FOR TABLES
***********************************************/

.propertySet {
	color: #323c50;
}

/* I am not sure what is it for. Could it be CellTable or ArrayTable???*/
td.col0 {
	color: #323c50;
}
/*
 * Copyright 2010 Quest Software, Inc.
 * ALL RIGHTS RESERVED.
 */
.pageTitle {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #e0e2e5;
}
/*
 * Copyright 2010 Quest Software, Inc.
 * ALL RIGHTS RESERVED.
 */
div.lcIsolated {
	background-color: #dadada;
	border-color: #f6f6f6;
	border-style: solid;
	color: #54a6e5;
}
/*
 * Copyright 2010 Quest Software, Inc.
 * ALL RIGHTS RESERVED.
 */
.barGauge {
	position: relative;
}
.barGauge .board {
	position: absolute;
}
.barGauge .label {
	position: absolute;
	font-weight: bold;
}
.barGauge .line {
	position: absolute;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	background-color: #808080;
	border-left: 3px solid #323c50;
}
.barGauge .marker {
	display: none;
	position: absolute;
	margin-top: 1px;
	z-index: 1;
}
.barGauge .valueTag {
	position: absolute;
	font-weight: bold;
}
.barGauge .column {
	position: absolute;
	top: 0px;
	height: 100%;
}
.barGauge .bar {
	position: absolute;
	width: 20px;
	top: 0px;
}
.barGauge .range {
	position: absolute;
	line-height: 0px;
}
.barGauge .range .high, .barGauge .range .low {
	width: 5px;
	height: 5px;
	font-size: 0px;
}
.barGauge .range .high {
	background-image: url(../../../component/wcf.gauge.bar/application_default/en/NORMAL/images/range.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.barGauge .range .low {
	background-image: url(../../../component/wcf.gauge.bar/application_default/en/NORMAL/images/range.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.barGauge .range .middle {
	width: 4px;
	font-size: 0px;
	border-right: 1px solid #3c86e4;
}
.barGauge .barLabel {
	position: absolute;
}
.barGauge .additional {
	position: absolute;
}
.barGauge .additional td {
	font-size: 80%;
}
.barGauge .adtValue {
	text-align: right;
}
/* Copyright 2010 Quest Software, Inc.
 * ALL RIGHTS RESERVED. */

.columnTopologyNode {
	padding: 3px;
}

.columnTopologyNodeCover {
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	background-color: white;
}

.columnTopologyBorderedNode {
	/* padding is less here to give room for the border */
	padding: 2px;
}

.columnTopologySelectedNode {
	border: 1px solid #719bcd;
	/* padding is less here to give room for the selection border */
	padding: 2px;
}

.columnTopologyGroupNode {
	border: 1px solid #c0c0c0;
}

.columnTopologySelectedGroupNode {
	border: 1px solid #719bcd;
}

.columnTopologyGroupNodeTitle {
	padding: 7px;
}

.columnTopologyGroupNodeTitleBg {
	background-color: #ffffff;
	opacity: 0.6;
	-ms-filter: "alpha(opacity=60)";
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
}

.columnTopologyGroupNodeTitleSeparator {
	border-bottom: 1px solid #c0c0c0;
}

.columnTopologyNodeLabel {
	background-color: transparent;
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 14px;
	padding: 3px;
}

.columnTopologyNodeLabelBg {
	background-color: #ffffff;
	position: absolute;
	opacity: 0.6;
	-ms-filter: "alpha(opacity=60)";
	height: 14px;
	padding: 3px;
}
/* Copyright 2010 Quest Software, Inc.
 * ALL RIGHTS RESERVED. */
/********************************************
 STYLES FOR LINES IN THE TOPOLOGY LAYOUT
 ********************************************/

.selectedTopologyBorder {
    border: 3px solid #000000;
}

.topologyControlPanel {
    padding: 3px;
    top: 0px;
    right: 15px;
    position: absolute;
    background-color: #eeeeee;
}

.topologyPanner {
    margin: 0px;
    width: 100px;
    height: 100px;
    border-width: 0px;
}

.topologyPannerThumbnail {
    opacity: .50;
	-ms-filter: "alpha(opacity=50)";
}

.topologyPannerThumb {
    opacity: .50;
	-ms-filter: "alpha(opacity=50)";
    border-width: 2px;
    border-style: solid;
    border-color: #000000;
    background-color: #606060;
	cursor: move;
}

.topologyMagnifierWindow {
	margin: 0px;
}

.topologyMagnifierBackground {
	margin: 0px;
	opacity: .10;
	-ms-filter: "alpha(opacity=10)";
    background-color: #bebebe;
}

.topologyMagnifierHolder {
	margin: 0px;
}

.topologyGroup {
	opacity: .25;
	-ms-filter: "alpha(opacity=25)";
}

.topologyDepthSlider {
    margin: 5px 2px;
	width: 100px;
    height: 3px;
    top: 2px;
    position: relative;
    background-color: #aaaaaa;
    font-size: 0px;
}

.topologyDepthSlider .topologyDepthSliderHandler {
    top: -4px;
    position: absolute;
    width: 10px;
    height: 11px;
    font-size: 0px;
    background-image: url(../../../component/wcf.topology/application_default/en/NORMAL/images/slider-handler.gif);
    cursor: e-resize;
}

.sliderTick {
    position: absolute;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #aaaaaa;
    font-size: 0px;
    top: -3px;
    width: 0px;
    height: 9px;
}

.topologyNavigator {
    padding: 0px;
    position: absolute;
	border: 1px solid #999999;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
}

.topologyNavHeader {
	background-color: #7d7d7d;
	line-height: 15px;
	padding: 2px 4px;
	border-bottom: 1px solid #999999;
	cursor: move;
}

.topologyNavTitle {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: white;
}

.topologyNavControls {
	position: absolute;
}

.topologyNavBodyHolder {
	position: relative;
}

.topologyNavBody {
	position: relative;
	padding-top: 3px;
}

.topologyNavBodyBackground {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #f5f5f5;
}

.topologyNavPanParent {
	position: relative;
	margin: 3px;
	border: 1px solid #999999;
}

.topologyNavPanBackground {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #efefef;
}

.topologyNavFooter {
	position: relative;
	height: 30px;
	width: 98px;
}

.topologyNavZoomParent {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 3px;
}

.topologyNavZoomSlider {
    margin-top: 8px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	width: 92px;
    height: 9px;
    top: 0px;
    position: relative;
    font-size: 0px;
}

.topologyNavZoomSliderTrack {
	position: absolute;
    top: 0px;
	left: 5px;
	height: 9px;
	width: 82px;
	background-image: url(../../../component/wcf.topology/application_default/en/NORMAL/images/slider-horizontal-scalable-track.png);
    font-size: 0px;
}

.topologyNavZoomSliderMin {
    top: -1px;
	left: 0px;
    position: absolute;
    width: 11px;
    height: 11px;
    font-size: 0px;
    background-image: url(../../../component/wcf.topology/application_default/en/NORMAL/images/slider-min-dot.png);
	cursor: pointer;
}

.topologyNavZoomSliderMax {
    top: -6px;
	right: 0px;
    position: absolute;
    width: 18px;
    height: 18px;
    font-size: 0px;
	cursor: pointer;
	background-image: url(../../../component/wcf.topology/application_default/en/NORMAL/images/slider-max-dot.png);
}

.topologyNavZoomSliderThumb {
    top: 0px;
    position: absolute;
    width: 13px;
    height: 14px;
    font-size: 0px;
    background-image: url(../../../component/wcf.topology/application_default/en/NORMAL/images/slider-thumb.png);
    cursor: e-resize;
}

.topologyNavZoomSliderTick {
    position: absolute;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #aaaaaa;
    font-size: 0px;
    top: 9px;
    width: 0px;
    height: 3px;
}

.topologyNavResize {
	position: absolute;
	top: 11px;
	right: 0px;
	width: 10px;
	height: 10px;
	background-image: url(../../../component/wcf.topology/application_default/en/NORMAL/images/navigator-resize-icon.png);
}

/*
 * Copyright 2010 Quest Software, Inc.
 * ALL RIGHTS RESERVED.
 */
.kvSpotlightState {
	background-position: center;
	background-repeat: no-repeat;
}

.kvSpotlight {
	text-align: center;
}
/* Copyright 2010 Quest Software, Inc.
 * ALL RIGHTS RESERVED. */

.wcfTableExternalEditor {
	cursor: pointer;
}

div.wcfTableDropDown {
	white-space: nowrap;
}

div.wcfTableDropDown.hover {
	color: #000000;
}
/*
 * Copyright 2010 Quest Software, Inc.
 * ALL RIGHTS RESERVED.
 */
.vbargauge {
	position: relative;
}

.vbargauge .anno {
	position: absolute;
	padding-bottom: 6px;
}

.vbargauge .label {
	color: #373737;
	padding-right: 6px;
}

.vbargauge .value {
	color: #202020;
}

.vbargauge .value img {
	padding-left: 3px;
}

.vbargauge .minmax {
	color: #888a8c;
	position: relative;
	font-size: 85%;
}

.vbargauge .minval {
	position: absolute;
	bottom: 0px;
}

.vbargauge .maxval {
	position: absolute;
	top: 0px;
}

.vbargauge .altunits {
	right: 0px;
}

.vbargauge .baselines {
	position: absolute;
	width: 3px;
	margin-left: 3px;
}

.vbargauge .baseline {
	position: absolute;
	width: 1px;
	font-size: 0px;
	border-bottom: 1px solid #6c98c4;
	border-left: 1px solid #6c98c4;
	border-top: 1px solid #6c98c4;
}

.vbargauge .baselineOuter {
	position: absolute;
	width: 1px;
	font-size: 0px;
	border-right: 1px solid #d7d7d7;
}

.vbargauge .thresholds {
	position: absolute;
	width: 2px;
	font-size: 0px;
	padding-right: 2px;
}

.vbargauge .threshold {
	position: absolute;
	width: 1px;
	opacity: .65;
	-ms-filter: 'alpha(opacity=65)';
	margin-left: 1px;
}

.vbargauge .gauge {
	position: absolute;
	width: 14px;
	font-size: 0px;
	background-color: #f0f0f0;
}

.vbargauge .gauge div {
	position: absolute;
	width: 14px;
}

.vbargauge .bulb {
	position: absolute;
	bottom: 0px;
}

.vbargauge .normal {
	background-color: #00b41f;
}

.vbargauge .info {
	background-color: #3070fd;
}

.vbargauge .warning {
	background-color: #ffe032;
}

.vbargauge .critical {
	background-color: #f57d14;
}

.vbargauge .fatal {
	background-color: #f03018;
}

.vbargauge .none {
	background-color: #3070fd;
}

.vbargauge .notAvailable {
	background-color: #c8cacc;
}
/* Copyright 2010 Quest Software, Inc.
 * ALL RIGHTS RESERVED. */
#chartZoomCover {
	position: absolute;
	border: none;
	font-size: 0;
	background-color: #000000;
	opacity: 0.06;
	-ms-filter: 'alpha(opacity=6)';
	z-index: 999;
}

#chartZoomBand {
	position: absolute;
	border: #8ba9cd solid 1px;
	font-size: 0;
	background-color: #ffffff;
	z-index: 1000;
}

.zoomToolbar {
	height: 18px;
	border: 1px solid #babcc0;
	position: absolute;
	top: 0px;
	left: 0px;
}

.zoomIcon {
	cursor: pointer;
	vertical-align: top;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-right: 3px;
}

.customizerIcon {
	cursor: pointer;
	vertical-align: top;
	margin-right: 3px;
}

.exportWizardPanel {
	height: 100%;
}

.exportWizardPanelTitle {
	font-weight: bold;
}

.exportWizardPanelDescription {
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.exportWizardPropertyTable {
	border-collapse: collapse;
}

.exportWizardPropertyLabel {
	width: 20%;
}

.exportWizardPropertyDescriptionBox {
	padding: 3px 5px;
}

.exportWizardPreviewPanel {
	text-align: center;
}

.exportWizardPreviewPage {
	text-align: left;
	height: 360px;
	width: 270px;
	margin: auto;
}

.exportWizardPreviewTitle {
	font-size: larger;
	font-weight: bold;
}

.exportWizardPreviewItem {
	margin: 5px;
}

.exportWizardPreviewImage {
	text-align: center;
}
